<?php
    include_once('taskmodel.php');
?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.ico">

    <title>GROCERY EXPRESS</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/custom.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
	

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<script src="assets/js/modernizr.custom.js"></script>
     <script src="assets/js/cbpFWTabs.js"></script>
    <script src="assets/js/modernizr.js"></script>
	<script src="js/classie.js"></script>
		<script src="js/cbpViewModeSwitch.js"></script>
  </head>

  <body>

     <!-- Fixed navbar -->
    <?php include('navigationbar.php');?>
	<!-- *****************************************************************************************************************
	 BLUE WRAP
	 ***************************************************************************************************************** -->
	
	    <div class="container">
			<div class="row">
				<h3>Blog List.</h3>
			</div><!-- /row -->
	    </div> <!-- /container -->
	

	 <!-- *****************************************************************************************************************
	 TABS
	 ***************************************************************************************************************** -->
	
	<div id="tabs" class="tabs">
    <nav>
        <ul>
            <li><a href="#section-1" class="icon-shop"><span>Body/Facial Care</span></a></li>
            <li><a href="#section-2" class="icon-cup"><span>Hair Care</span></a></li>
            <li><a href="#section-3" class="icon-food"><span>Toiletries</span></a></li>
            <li><a href="#section-4" class="icon-lab"><span>Laundry</span></a></li>
            <li><a href="#section-5" class="icon-truck"><span>Oral Care</span></a></li>
        </ul>
    </nav>
	
			
    <div class="content">
        <section id="section-1">
         <?php 
                $results = getForBody();
                     foreach($results as $row) {
                            $id = $row['productNumber'];
                            $name = $row['productName'];
                            $price = number_format($row['price'],2,'.','');
                            $image = $row['images'];
                            //echo $id." ".$name." ".$price." ".$image;
                            echo "<div align = 'center' class='mediabox'>";
                            echo "<img src='assets/img/body/$image'  alt='img'.'$name'/>";
                            echo "<h4>$name</h4>";
                            echo "<p>$price"."  Php</p>";
                                //echo "<div class='input-group'>";
                                echo "<input type='number' name='quantity' min='1' max='100' maxlength='1'>";
                                echo "<a href='add_to_cart.php?id=$id&name=$name' class='cbp-vm-icon cbp-vm-add'>Add</a>";
                                //echo "</div>";
                            echo "</div>";
                    }
        ?>
        </section>
        <section id="section-2">
        <?php 
                $results = getForHair();
                     foreach($results as $row) {
                            $id = $row['productNumber'];
                            $name = $row['productName'];
                            $price = number_format($row['price'],2,'.','');
                            $image = $row['images'];
                            //echo $id." ".$name." ".$price." ".$image;
                            echo "<div align = 'center' class='mediabox'>";
                            echo "<img src='assets/img/hair/$image'  alt='img'.'$name'/>";
                            echo "<h4>$name</h4>";
                            echo "<p>$price"."  Php</p>";
                                //echo "<div class='input-group'>";
                                echo "<input type='number' name='quantity' min='1' max='100' maxlength='1'>";
                                echo "<a href='add_to_cart.php?id=$id&name=$name' class='cbp-vm-icon cbp-vm-add'>Add</a>";
                                //echo "</div>";
                            echo "</div>";
                    }
        ?>
        </section>

        <section id="section-3">
        <?php 
                $results = getToiletries();
                     foreach($results as $row) {
                            $id = $row['productNumber'];
                            $name = $row['productName'];
                            $price = number_format($row['price'],2,'.','');
                            $image = $row['images'];
                            //echo $id." ".$name." ".$price." ".$image;
                            echo "<div align = 'center' class='mediabox'>";
                            echo "<img src='assets/img/toiletries/$image'  alt='img'.'$name'/>";
                            echo "<h4>$name</h4>";
                            echo "<p>$price"."  Php</p>";
                                //echo "<div class='input-group'>";
                                echo "<input type='number' name='quantity' min='1' max='100' maxlength='1'>";
                                echo "<a href='add_to_cart.php?id=$id&name=$name' class='cbp-vm-icon cbp-vm-add'>Add</a>";
                                //echo "</div>";
                            echo "</div>";
                    }
        ?>
        </section>
        <section id="section-4">
        <?php 
                $results = getForLaundry();
                     foreach($results as $row) {
                            $id = $row['productNumber'];
                            $name = $row['productName'];
                            $price = number_format($row['price'],2,'.','');
                            $image = $row['images'];
                            //echo $id." ".$name." ".$price." ".$image;
                            echo "<div align = 'center' class='mediabox'>";
                            echo "<img src='assets/img/laundry/$image'  alt='img'.'$name'/>";
                            echo "<h4>$name</h4>";
                            echo "<p>$price"."  Php</p>";
                                //echo "<div class='input-group'>";
                                echo "<input type='number' name='quantity' min='1' max='100' maxlength='1'>";
                                echo "<a href='add_to_cart.php?id=$id&name=$name' class='cbp-vm-icon cbp-vm-add'>Add</a>";
                                //echo "</div>";
                            echo "</div>";
                    }
        ?>
        </section>
        <section id="section-5">
         <?php 
                $results = getForOral();
                     foreach($results as $row) {
                            $id = $row['productNumber'];
                            $name = $row['productName'];
                            $price = number_format($row['price'],2,'.','');
                            $image = $row['images'];
                            //echo $id." ".$name." ".$price." ".$image;
                            echo "<div align = 'center' class='mediabox'>";
                            echo "<img src='assets/img/oral care/$image'  alt='img'.'$name'/>";
                            echo "<h4>$name</h4>";
                            echo "<p>$price"."  Php</p>";
                                //echo "<div class='input-group'>";
                                echo "<input type='number' name='quantity' min='1' max='100' maxlength='1'>";
                                echo "<a href='add_to_cart.php?id=$id&name=$name' class='cbp-vm-icon cbp-vm-add'>Add</a>";
                                //echo "</div>";
                            echo "</div>";
                    }
        ?>
        </section>
    </div><!-- /content -->
</div><!-- /tabs -->
<script src="js/cbpFWTabs.js"></script>
<script>
    new CBPFWTabs( document.getElementById( 'tabs' ) );
</script>


	<!-- *****************************************************************************************************************
	 FOOTER
	 ***************************************************************************************************************** -->
	 <?php include('footer.php');?>
	 
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/retina-1.1.0.js"></script>
	<script src="assets/js/jquery.hoverdir.js"></script>
	<script src="assets/js/jquery.hoverex.min.js"></script>
	<script src="assets/js/jquery.prettyPhoto.js"></script>
  	<script src="assets/js/jquery.isotope.min.js"></script>
  	<script src="assets/js/custom.js"></script>


  </body>
</html>
